﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript"></script>
    <script>
        var baseURL = "@Url.Content("~/")";
    </script>
    <style>
    .ElementsHolder
    {
         margin:20px auto;
         width:800px;

    }
    .TopMenu
    {
        height:40px;
        font-weight:bold;
        background-color:Navy;
    }
    .TopMenu>div
    {
        float:left;
        padding: 10px 20px 0 4px;
        color:White;
    }
    .TopMenu>div a, .TopMenu>div a:link
    {
        color:White;
    }
    
     .ElementsHolder_local
    {
         /*position:relative;*/
    }
    #container
    {
        z-index:0;
    }
    </style>
    @RenderSection("head", false)
</head>

<body>
    <div class="ElementsHolder">
    <div class="TopMenu">
        <div>Wheel of Fortune</div>
        <div>@Html.ActionLink("Home", "Index", "Home")</div>
        <div>@Html.ActionLink("High Scores", "Index", "HighScoreList")</div>
        <div style="clear:both;"></div>
    </div>
    @RenderBody()
    </div>
    @RenderSection("footer", false)
</body>
</html>
